<template>
  <!-- 收付费作业-重填单转钱页面 -->
  <div class="fillcontain">
    <el-form :model="searchParams" :rules="rules" ref="ruleForm" label-width="120px" class="search_container">
      <el-row>
        <el-col :span="6">
          <el-form-item label="请选择状态" prop="option">
            <el-select v-model="searchParams.reFillSatatus" placeholder="">
              <el-option
                  v-for="item in reFillOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6" class="text_center">
          <el-button type="primary" icon="el-icon-search" @click="subGetList"></el-button>
          <el-button type="primary" plain icon="el-icon-refresh" @click="resetSearch"></el-button>
        </el-col>
      </el-row>
    </el-form>
    <div class="contain">
      <el-row class="bgfff pb15">
        <el-col :span="24">
          <el-button type="danger" plain @click="opernInsertDailog()">新增</el-button>
        </el-col>
      </el-row>
      <div class="table_container">
        <el-table
            v-loading="loading"
            :data="tableData"
            highlight-current-row
            header-cell-class-name="table-header-class"
            style="width:100%">
          <el-table-column
              min-width="120"
              property="companyNum"
              label="公司"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="chdrNum"
              label="原保单号"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="lpsAmount"
              label="LPS余额"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="lpasAmount"
              label="LPAS余额"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="aimChdrNum"
              label="目的保单"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="firstAmount"
              label="首期保费"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="extraAmount"
              label="额外投资金额"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="pgsTransferAmount"
              label="PGS转钱金额"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="lpasTransferAmount"
              label="LPAS转钱金额"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="auth"
              label="授权"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="opertionBy"
              label="操作人员"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              property="authTime"
              label="授权时间"
              align='center'
              show-overflow-tooltip>
          </el-table-column>
          <el-table-column
              min-width="120"
              fixed="right"
              label="操作"
              align='center'>
            <template slot-scope="scope">
              <!-- <el-button type="text" size="small"  @click="delReFillTransferInfo(scope.row)">删除</el-button> -->
              <span class="operationIcon" @click="delReFillTransferInfo(scope.row)">
                            <!-- 删除 -->
                            <el-tooltip class="item" effect="light" content="删除" placement="top">
                                <i class="el-icon-delete"></i>
                            </el-tooltip>
                        </span>
            </template>
          </el-table-column>
        </el-table>
        <el-row>
          <el-col :span="24">
            <div class="pagination">
              <el-pagination
                  background
                  v-if='paginations.total > 0'
                  :page-sizes="paginations.pageSizes"
                  :page-size="paginations.pageSize"
                  :layout="paginations.layout"
                  :total="paginations.total"
                  :current-page='paginations.pageIndex'
                  @current-change='handleCurrentChange'
                  @size-change='handleSizeChange'>
              </el-pagination>
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
    <!-- 弹框 -->
    <el-dialog
        title="新增"
        :visible.sync="refillDialog"
        width="50%"
        :close-on-click-modal="false"
        :close-on-press-escape="false"
        center>
      <el-form ref="form" :model="form" label-width="120px">
        <el-row>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">公司</label>
            </el-col>
            <el-col :span="16">
              <el-input placeholder="" v-model="form.companyNum" disabled></el-input>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">原保单号</label>
            </el-col>
            <el-col :span="16">
              <el-input placeholder="" v-model="form.chdrNum" :disabled="this.operStatus" @change="checkChdrNum(form)"
                        ref="forcusChdrNum" clearable></el-input>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">LPS余额</label>
            </el-col>
            <el-col :span="16">
              <el-input placeholder="" v-model="form.lpsAmount" disabled></el-input>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">首期保费</label>
            </el-col>
            <el-col :span="16">
              <el-input placeholder="" v-model="form.firstAmount" disabled></el-input>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">LPAS余额</label>
            </el-col>
            <el-col :span="16">
              <el-input placeholder="" v-model="form.lpasAmount" disabled></el-input>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">目的保单</label>
            </el-col>
            <el-col :span="16">
              <el-input placeholder="" v-model="form.aimChdrNum" @change="checkAimChdrNum" ref="forcusAimChdrNum"
                        clearable></el-input>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">LPAS转钱金额</label>
            </el-col>
            <el-col :span="16">
              <el-input placeholder="" v-model="form.lpasTransferAmount" disabled></el-input>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">额外投资金额</label>
            </el-col>
            <el-col :span="16">
              <el-input placeholder="" v-model="form.extraAmount" disabled></el-input>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">PGS转钱金额</label>
            </el-col>
            <el-col :span="16">
              <el-input placeholder="" v-model="form.pgsTransferAmount" disabled></el-input>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">授权时间</label>
            </el-col>
            <el-col :span="16">
              <el-input
                placeholder="" v-model="form.authTime" disabled>
                </el-input>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">授权</label>
            </el-col>
            <el-col :span="16">
              <el-select v-model="form.auth" placeholder="" @change="authStatus">
                <el-option
                    v-for="item in authOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                </el-option>
              </el-select>
            </el-col>
          </el-col>
          <el-col :span="12" class="common-box">
            <el-col :span="8" class="common-lab">
              <label class="labelName">操作人员</label>
            </el-col>
            <el-col :span="16">
              <el-input placeholder="" v-model="form.opertionBy" disabled></el-input>
            </el-col>
          </el-col>
        </el-row>
      </el-form>
      <span slot="footer" class="dialog-footer">
                <el-button @click="refillDialog = false">返 回</el-button>
                <el-button @click="saveReFillTransferInfo()" class="Defaultbutton">保 存</el-button>
            </span>
    </el-dialog>

  </div>
</template>

<script>
  import {mapState, mapGetters} from 'vuex'
  import constant from '@/utils/constant';
  import {
    getReFillTransferList,
    saveReFillTransferInfo,
    getReFillTransferBaseInfo,
    checkChdrNumInfo,
    checkAimChdrNumInfo,
    checkChdrNunAmountInfo,
    checkAimChdrNunAmountInfo,
    deleteChdrNumInfo
  } from '@/api/selloutLock/reFillTransfer';
  import moment, {invalid} from 'moment';//CYQ:20200217-收付费作业-重填单转钱-引入复杂业务时间格式
  import {format} from 'path';

  export default {
    data() {
      return {
        valueDate: '',
        refillDialog: false,//默认隐藏弹框
        // 查询条件
        rules: {
          customerNo: [],
          customerName: [],
          idNo: [],
        },
        searchParams: {
          reFillSatatus: '0', //记录处理状态
        },
        tableData: [],
        loading: false,
        //需要给分页组件传的信息
        paginations: {
          total: 0,        // 总数
          pageIndex: 1,  // 当前位于哪页
          pageSize: 10,   // 1页显示多少条
          pageSizes: [5, 10, 15, 20],  //每页显示多少条
          layout: "total, sizes, prev, pager, next, jumper"   // 翻页属性
        },
        reFillOptions: [{label: '全部', value: '1'}, {label: '未处理', value: '0'}],//CYQ:20200224-充填单转钱-输入框标签
        form: {
          companyNum: '', // 公司
          chdrNum: '', // 原保单号
          lpsAmount: '0.0', // LPS余额
          firstAmount: '0.0', // 首期保费
          lpasAmount: '0.0', // LPAS余额
          aimChdrNum: '', // 目的保单
          lpasTransferAmount: '0.0', // LPAS转钱金额
          extraAmount: '0.0', // 额外投资金额
          pgsTransferAmount: '0.0', // PGS转钱金额
          authTime: 0, // 授权时间
          auth: 'N', // 授权
          opertionBy: '', // 操作人员
          createBy: '', // 创建者
          authBy: '', // 授权ID号(授权者)
          dtecrt: '', // 系统日期
        },//CYQ:20200224-重填单转钱-新增框
        authOptions: [{label: 'Y', value: 'Y'}, {label: 'N', value: 'N'}],//CYQ:20200224-重填单转钱-授权下拉
        operStatus: false,//CYQ:20200225-重填单转钱-原保单号权限
      }
    },
    created() {
//          this.getList();
    },
    mounted() {
      // this.getList();
    },
    methods: {
      //CYQ:20200225-收付费作业-重填单转钱-删除
      delReFillTransferInfo(row) {
        console.log(row);
        this.$confirm('确定删除?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          let params = {
            "ReFillTransfer": row
          }
          console.log("删除记录的信息:" + JSON.stringify(params.ReFillTransfer));
          this.$store.dispatch('loading/CHANGE_LOADING', true);
          deleteChdrNumInfo(params).then(res => {
            this.$store.dispatch('loading/CHANGE_LOADING', false);
            console.log(res.data);
            if (res.resultCode == constant.SUCCESS) {
              this.$message({
                message: res.resultMsg,
                type: 'success'
              });
              this.getList(1);
            }
          }).catch(err => {
            this.$store.dispatch('loading/CHANGE_LOADING', false);
          })
        }).catch(() => {
        });
      },
      //授权标记
      authStatus() {
        console.log("CYQ:220200225-收付费作业-重填单转钱-授权标记触动禁止按钮");
        if (this.form.auth == 'N') {
          //this.form.opertionBy = '';
          this.form.authTime = 0;
        } else {
          this.getISaveBaseInfo(2);
        }
      },

      //CYQ:第二步-触动校验目的保单
      checkAimChdrNum() {
        if (this.form.chdrNum == null || this.form.chdrNum == '') {
          this.$message({
            message: '请先输入原保单号!',
            type: 'error'
          });
          this.$refs.forcusChdrNum.focus();
          this.form.aimChdrNum = '';
          return false;
        }

        if (this.form.reFillSatatus == 'Y') {
          this.$message({
            message: '该保单已授权!',
            type: 'error'
          });
          this.form.aimChdrNum = '';
          return false;
        }

        if (this.form.aimChdrNum == null || this.form.aimChdrNum == '') {
          this.$message({
            message: '目的保单不能为空',
            type: 'error'
          });
          this.form.aimChdrNum = '';
          return false;
        }

        if (this.form.aimChdrNum.length != 8) {
          this.$message({
            message: '目的保单长度必须为8位!',
            type: 'error'
          });
          this.form.aimChdrNum = '';
          return false;
        }

        let params = {
          "chdrNum": this.form.chdrNum,
          "lpsAmount": this.form.lpsAmount,
          "lpasAmount": this.form.lpasAmount,
          "aimChdrNum": this.form.aimChdrNum
        }
        this.$store.dispatch('loading/CHANGE_LOADING', true);
        checkAimChdrNumInfo(params).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
          console.log(res.data);
          //结果
          if (res.resultCode == constant.SUCCESS) {
            let reFillTransfer = res.data.reFillTransfer;
            this.form.auth = 'Y';
            this.form.opertionBy = reFillTransfer.authBy;
            this.form.authTime = reFillTransfer.authTime;
            if (reFillTransfer.pgsTransferAmount != null && reFillTransfer.pgsTransferAmount != '') {
              this.form.pgsTransferAmount = reFillTransfer.pgsTransferAmount;
            } else {
              this.form.pgsTransferAmount = '0.0';
            }
            if (reFillTransfer.lpsTransferAmount != null && reFillTransfer.lpsTransferAmount != '') {
              this.form.lpsTransferAmount = reFillTransfer.lpsTransferAmount;
            } else {
              this.form.lpsTransferAmount = '0.0';
            }
            if (reFillTransfer.lpasTransferAmount != null && reFillTransfer.lpasTransferAmount != '') {
              this.form.lpasTransferAmount = reFillTransfer.lpasTransferAmount;
            } else {
              this.form.lpasTransferAmount = '0.0';
            }
            if (reFillTransfer.firstAmount != null && reFillTransfer.firstAmount != '') {
              this.form.firstAmount = reFillTransfer.firstAmount;
            } else {
              this.form.firstAmount = '0.0';
            }
            if (reFillTransfer.extraAmount != null && reFillTransfer.extraAmount != '') {
              this.form.extraAmount = reFillTransfer.extraAmount;
            } else {
              this.form.extraAmount = '0.0';
            }
            if(res.data.returnMsg){
              this.form.auth = 'N';
              this.form.authTime = 0;
              this.$message.error(res.data.returnMsg);
            }
          } else {
            //this.form.auth = 'N';
            //this.form.authOptions = ' ';
            //this.form.authTime = 0;
            this.form.aimChdrNum = '';
            // form.chdrNum = '';
          }
        }).catch(err => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
          this.form.aimChdrNum = '';
        })
      },

      //CYQ:第一步-触动校验保单信息
      checkChdrNumAmount(form) {
        if (form.aimChdrNum == null || form.aimChdrNum == '') {
          return false;
        }
        let params = {
          "chdrNum": form.chdrNum,
          "aimChdrNum": form.aimChdrNum,
          "firstAmount": form.firstAmount,
          "extraAmount": form.extraAmount,
          "lpsAmount": form.lpsAmount,
          "lpasAmount": form.lpasAmount,
        }
        this.$store.dispatch('loading/CHANGE_LOADING', true);
        checkChdrNunAmountInfo(params).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
          console.log(res.data);
          if (res.resultCode == constant.SUCCESS) {
            let reFillTransfer = res.data.reFillTransfer;
            this.form.pgsTransferAmount = reFillTransfer.pgsTransferAmount;
            this.form.lpasTransferAmount = reFillTransfer.lpasTransferAmount;
            if(res.data.returnMsg){
              this.form.auth = 'N';
              this.form.authTime = 0;
              this.$message.error(res.data.returnMsg);
            }
          } else {
            this.form.chdrNum = '';
            this.form.auth = 'N';
            this.form.authTime = 0;
          }
        }).catch(err => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
        })
      },
      //CYQ:第一步-触动校验原保单
      checkChdrNum(form) {
        if (form.reFillSatatus == 'Y') {
          this.$message({
            message: '该保单已授权!',
            type: 'error'
          });
          form.chdrNum = '';
          return false;
        }
        if (form.chdrNum == null || form.chdrNum == '') {
          this.$message({
            message: '原保单不能为空!',
            type: 'error'
          });
          form.chdrNum = '';
          return false;
        }

        if (isNaN(form.chdrNum)) {
          this.$message({
            message: '保单长度必须为数字!',
            type: 'error'
          });
          form.chdrNum = '';
          return false;
        }

        if (form.chdrNum.length != 8) {
          this.$message({
            message: '保单长度必须为8位!',
            type: 'error'
          });
          form.chdrNum = '';
          return false;
        }

        let params = {
          "chdrNum": form.chdrNum
        }
        this.$store.dispatch('loading/CHANGE_LOADING', true);
        checkChdrNumInfo(params).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
          console.log('根据原保单号查询结果：', res.data);
          if (res.resultCode == constant.SUCCESS) {
            this.paginations.total = res.data.total;
            this.form.lpsAmount = res.data.lpsAmount;
            this.form.lpasAmount = res.data.lpasAmount;
            this.form.auth = 'Y';
            if (this.form.aimChdrNum != null && this.form.aimChdrNum != '') {
               this.checkChdrNumAmount(this.form);
            }
          } else {
            form.chdrNum = '';
            return false;
          }
        }).catch(err => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
        })

      },
      //CYQ:获取基础信息
      getISaveBaseInfo(flag) {
        console.log("CYQ:20200224-收付费作业-重填单转钱-查询用户基础信息!");
        let params = {auth:this.form.auth};
        this.$store.dispatch('loading/CHANGE_LOADING', true);
        getReFillTransferBaseInfo(params).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
          if (res.resultCode == constant.SUCCESS) {
            console.log('新增时初始化数据：', res.data);
            this.form.dtecrt = res.data.dtecrt;
            this.form.authBy = res.data.authBy;
            this.form.createBy = res.data.createBy;
            this.form.companyNum = res.data.companyNum;
            this.form.opertionBy = res.data.opertionBy;
            this.form.auth = res.data.auth;
            if(this.form.auth=='Y'&& flag != 1){
              this.form.authTime = res.data.authTime;
            }
            console.log('初始化完之后的数据：', this.form);
          }
        }).catch(err => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
        });
      },
      //CYQ:新增记录
      saveReFillTransferInfo() {
        console.log("CYQ:20200224-收付费作业-重填单转钱-新增记录");
        let params = {
          "ReFillTransfer": this.form
        }

        if (params.ReFillTransfer.chdrNum == null || params.ReFillTransfer.chdrNum == '' || params.ReFillTransfer.chdrNum.length != 8) {
          this.$refs.forcusChdrNum.focus();
          return false;
        }

        if (params.ReFillTransfer.aimChdrNum == null || params.ReFillTransfer.aimChdrNum == '' || params.ReFillTransfer.aimChdrNum.length != 8) {
          this.$refs.forcusAimChdrNum.focus();
          return false;
        }
        if(this.form.pgsTransferAmount <= 0 && this.form.lpasTransferAmount <= 0){
          this.$message({
              message: 'PGS金额和LPAS金额不能同时为0.',
              type: 'error'
          });
          return false;
        }
        if(this.form.auth != 'Y'){
          this.$message({
              message: '授权标识必须为Y',
              type: 'error'
          });
          return false;
        }
        //params.ReFillTransfer.authTime = moment(params.ReFillTransfer.authTime).format("YYYYMMDD");
        console.log("设置的数据如下:");
        console.log(params);
        this.$store.dispatch('loading/CHANGE_LOADING', true);
        saveReFillTransferInfo(params).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
          console.log(res.data);
          if (res.resultCode == constant.SUCCESS) {
            this.refillDialog = false;
            this.$message({
              message: res.resultMsg,
              type: 'success'
            });
            this.getList(1);
          }
        }).catch(err => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
        })
      },
      //CYQ:授权日期格式
      // authTypeFormatter(row) {
      //   if (row.auth == 'Y') {
      //     return '是';
      //   } else {
      //     return '否';
      //   }
      // },
      //CYQ:時間格式处理
      // authTimeFormatter(form) {
      //   if (form.authTime != null && form.authTime != '') {
      //     return moment(form.authTime).format('YYYY-MM-DD');
      //   } else {
      //     return moment(new Date()).format('YYYY-MM-DD');
      //   }
      // },
      //CYQ：20200224-打开新增页面
      opernInsertDailog() {
        this.refillDialog = true;
        this.form = {
          companyNum: '', // 公司
          chdrNum: '', // 原保单号
          lpsAmount: '0.0', // LPS余额
          firstAmount: '0.0', // 首期保费
          lpasAmount: '0.0', // LPAS余额
          aimChdrNum: '', // 目的保单
          lpasTransferAmount: '0.0', // LPAS转钱金额
          extraAmount: '0.0', // 额外投资金额
          pgsTransferAmount: '0.0', // PGS转钱金额
          authTime: 0, // 授权时间
          auth: 'Y', // 授权
          opertionBy: '', // 操作人员
          createBy: '', // 创建者
          authBy: '', // 授权ID号(授权者)
          dtecrt: '', // 系统日期
        };
        this.getISaveBaseInfo(1);
      },
      //CYQ:默认查询列表
      getList(flag) {
        this.paginations.total = 0;
        this.tableData = [];
        let params = {
          "reFillSatatus": this.searchParams.reFillSatatus,
          "pageSize": this.paginations.pageSize,
          "pageNumber": this.paginations.pageIndex,
          "orderBy": '',
        }
        console.log(params);
        this.$store.dispatch('loading/CHANGE_LOADING', true);
        getReFillTransferList(params).then(res => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
          console.log(res.data);
          if (res.resultCode == constant.SUCCESS) {
            this.paginations.total = res.data.total;
            this.tableData = res.data.list;
            if(flag != 1){
              this.$message({
                message: res.resultMsg,
                type: 'success'
              });
            }
          } else {
            this.tableData = [];
          }
        }).catch(err => {
          this.$store.dispatch('loading/CHANGE_LOADING', false);
        })
      },
      // 每页多少条切换
      handleSizeChange(pageSize) {
        this.paginations.pageSize = pageSize;
        this.getList();
      },
      // 上下分页
      handleCurrentChange(page) {
        this.paginations.pageIndex = page;
        this.getList();
      },
      // 根据条件查询列表
      subGetList() {
        this.paginations.pageIndex = 1;
        this.getList();
      },
      // 清除查询条件
      resetSearch() {
        this.searchParams.reFillSatatus = '0';
      }
    },
    computed: {
      ...mapGetters(['tags']),
      reload() {
        return this.$store.state.loading.reload;
      }
    },
    activated() {
      if (this.reload) {
        this.$store.dispatch('loading/CHNAGE_RELOAD', false)
        Object.assign(this.$data, this.$options.data());
      }
    }
  }
</script>

<style lang="less" scoped>
  .fillcontain {
    padding-bottom: 0;
  }

  .contain {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
  }

  .pagination {
    padding: 10px 20px;
    text-align: right;
  }

  .operationIcon {
    // padding: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 0 3px #f9f9f9;

    .svg-icon {
      font-size: 14px;
      fill: #68a3fc;
    }
  }

  .search_container {
    padding: 20px 20px 0 20px;
  }

  .common-box {
    padding-bottom: 15px;
  }

  .common-lab {
    line-height: normal !important;
    text-align: right;

    .labelName {
      text-align: right;
    }
  }
</style>



